<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>sc.chinaz.com</title>
<meta name="keywords" content="green jelly, portfolio, free web design, 站长素材, templatemo.com" />
<meta name="description" content="Green Jelly, Portfolio, free CSS template by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />

<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
	
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
  
</head>
<body>

<div id="templatemo_wrapper">
	<div id="templatemo_header">
        <div id="site_title">
        	<h1><a href="http://sc.chinaz.com/">站长素材</a></h1>
        </div>
        <div id="templatemo_search">
            <form action="#" method="get">
              <input type="text" value="Search" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
              <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn"  />
            </form>
        </div>
        <div class="cleaner"></div>
    </div> <!-- end of header -->
    
    <div id="templatemo_menu" class="ddsmoothmenu">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a>
                <ul>
                    <li><a href="http://sc.chinaz.com/">Sub menu 1</a></li>
                    <li><a href="http://sc.chinaz.com/">Sub menu 2</a></li>
                    <li><a href="http://sc.chinaz.com/">Sub menu 3</a></li>
                    <span></span>
                </ul>
            </li>
            <li><a href="portfolio.html" class="selected">Portfolio</a>
                <ul>
                    <li><a href="http://sc.chinaz.com/">Sub menu 1</a></li>
                    <li><a href="http://sc.chinaz.com/">Sub menu 2</a></li>
                    <li><a href="http://sc.chinaz.com/">Sub menu 3</a></li>
                    <li><a href="http://sc.chinaz.com/">Sub menu 4</a></li>
                    <li><a href="http://sc.chinaz.com/">Sub menu 5</a></li>
                	<span></span>
                </ul>
          	</li>
          	<li><a href="blog.html">Blog</a></li>
          	<li><a href="contact.html">Contact</a></li>
        </ul>
        <br style="clear: left" />
    </div> <!-- end of menu -->
    
    <div id="templatemo_main">
    	<h1>Portfolio</h1>
        <ul id="gallery">
            <li><a href="images/gallery/01.jpg" rel="lightbox[portfolio]"><img src="images/gallery/01.jpg" alt="Image 01" />Vivamus ultricies mi id eros</a></li>
            <li><a href="images/gallery/02.jpg" rel="lightbox[portfolio]"><img src="images/gallery/02.jpg" alt="Image 02" />Mauris vel risus odio sit amet</a></li>
            <li><a href="images/gallery/03.jpg" rel="lightbox[portfolio]"><img src="images/gallery/03.jpg" alt="Image 03" />Curabitur tincidunt mauris </a></li>
            <li><a href="images/gallery/04.jpg" rel="lightbox[portfolio]"><img src="images/gallery/04.jpg" alt="Image 04" />Lorem ipsum dolor sit amet</a></li>
            <li><a href="images/gallery/05.jpg" rel="lightbox[portfolio]"><img src="images/gallery/05.jpg" alt="Image 05" />Integer at purus sit amet</a></li>
            <li><a class="rm" href="images/gallery/06.jpg" rel="lightbox[portfolio]"><img src="images/gallery/06.jpg" alt="Image 06" />Donec vulputate porta enim</a></li>
            <li><a href="images/gallery/07.jpg" rel="lightbox[portfolio]"><img src="images/gallery/07.jpg" alt="Image 07" />Suspendisse a nulla turpis</a></li>
            <li><a href="images/gallery/08.jpg" rel="lightbox[portfolio]"><img src="images/gallery/08.jpg" alt="Image 08" />Donec eleifend sem sed</a></li>
            <li><a href="images/gallery/09.jpg" rel="lightbox[portfolio]"><img src="images/gallery/09.jpg" alt="Image 09" />Integer blandit sapien vel</a></li>
            <li><a href="images/gallery/10.jpg" rel="lightbox[portfolio]"><img src="images/gallery/10.jpg" alt="Image 10" />In interdum elit et feugiat </a></li>
            <li><a href="images/gallery/11.jpg" rel="lightbox[portfolio]"><img src="images/gallery/11.jpg" alt="Image 11" />Nulla dignissim venenatis</a></li>
            <li><a class="rm" href="images/gallery/01.jpg" rel="lightbox[portfolio]"><img src="images/gallery/01.jpg" alt="Image 12" />In pulvinar nulla eget justo</a></li>
        </ul>
        
        <div class="pagging">
            <ul>
                <li><a href="http://sc.chinaz.com/" target="_parent">Previous</a></li>
                <li><a href="http://sc.chinaz.com/" target="_parent">1</a></li>
                <li><a href="http://sc.chinaz.com/" target="_parent">2</a></li>
                <li><a href="http://sc.chinaz.com/" target="_parent">3</a></li>
                <li><a href="http://sc.chinaz.com/" target="_parent">4</a></li>
                <li><a href="http://sc.chinaz.com/" target="_parent">5</a></li>
                <li><a href="http://sc.chinaz.com/" target="_parent">6</a></li>
                <li><a href="http://sc.chinaz.com/" target="_parent">Next</a></li>
            </ul>
            <div class="cleaner"></div>
        </div>
        
    </div> <!-- end of main -->
    
    <div id="templatemo_footer">
    	<div class="col_3">
        	<h5>Popular Posts</h5>
            <div class="rp_box">
            	<a href="#"><img src="images/templatemo_image_06.png" alt="Image 06" /></a>
                <div class="date">October 24, 2048</div>
                <a href="#">Integer eget tortor et elit venenatis auctor morbi turpis nulla.</a>
                <div class="cleaner"></div>
            </div> 
            <div class="rp_box">
            	<a href="#"><img src="images/templatemo_image_07.png" alt="Image 07" /></a>
                <div class="date">September 14, 2048</div>
                <a href="#">Erat turpis fringilla orci, nec ultricies nisi nulla vel orci.</a>
                <div class="cleaner"></div>
            </div> 
            <div class="rp_box">
            	<a href="#"><img src="images/templatemo_image_08.png" alt="Image 08" /></a>
                <div class="date">August 20, 2048</div>
                <a href="#">Donec sit amet gravida quam lacinia at luctus felis luctus.</a>
                <div class="cleaner"></div>
            </div> 
        </div>
        <div class="col_3">
        	<h5>Twitter</h5>
            <ul class="twitter_post">
	            <li>Curabitur nec dui venenatis sem consectetur facilisis. Ut sed velit dolor. Donec velit nisi, lacinia at blandit id enim. <a href="#">http://bit.ly/13IwZO</a></li>
                <li>Proin dignissim, diam nec enim lorem tempus orci, ac ante purus in justo scelerisque. Fusce gravida aliquam adipiscing. <a href="#">http://bit.ly/34sdPo</a></li>
                <li>Fusce cursus consectetur ultricies <a href="#">@TemplateMo</a> uis nisl lectus, mattis ut elementum id, fermentum sed erat. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</li>
			</ul>
            
        </div>
        <div class="col_3 col_l">
			<h5>About Us</h5>
            <p><em>Sed rhoncus sodales mi, id semper orci gravida nec. Vivamus cursus sapien quis lectus condimentum in sagittis leo vehicula. Curabitur quam urna, imperdiet quis condimentum vitae, tempor non diam.</em></p>
            <p>Duis sagittis, lacus sit amet tempor fringilla, nulla orci dapibus nibh, vitae dignissim enim mauris ac nulla. Cum sociis natoque penatibus et magnis dis parturient montes, <a href="#">nascetur ridiculus</a> mus. Nullam risus ante, lacinia ac bibendum sit amet, semper ut arcu. Aliquam quis urna et lacus volutpat blandit. Praesent consectetur justo id mi condimentum euismod.</p>  
            <div class="footer_social_button">
                <a href="#"><img src="images/facebook-32x32.png" title="facebook" alt="facebook" /></a>
                <a href="#"><img src="images/flickr-32x32.png" title="flickr" alt="flickr" /></a>
                <a href="#"><img src="images/twitter-32x32.png" title="twitter" alt="twitter" /></a>
                <a href="#"><img src="images/youtube-32x32.png" title="youtube" alt="youtube" /></a>
                <a href="#"><img src="images/rss-32x32.png" title="rss" alt="rss" /></a>
			</div>       		
        </div>
        <div class="cleaner"></div>
    </div> <!-- end of footer -->
</div>

<div id="templatemo_cr_bar_wrapper">
	<div id="templatemo_cr_bar">
    	Copyright © 2048 Your Company Name | <a href="http://sc.chinaz.com/" target="_parent">sc.chinaz.com</a> by 
        <a href="http://sc.chinaz.com/" target="_parent">站长素材</a>
    </div>
</div>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div></body>
</html>